.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.clearfloat{zoom:1;} 
.fl{float: left;}
.fr{float: right;}
body{
    position: relative;
    background: #F7F7F7;
}
.header {
    height: 60px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    background: #03031c;
    .headerMain {
        position: relative;
        width: 1240px;
        margin: 0 auto;
//      overflow: hidden;
        .logo {
            width: 181px;
            height: 30px;
            float: left;
            margin-top: 15px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .nav {
            margin-left: 50px;
            float: left;
            height: 60px;
            position: relative;
            .navMain {
                display: block;
                margin: 0 auto;
                height: 60px;
                li {
                    float: left;
                    width: 100px;
                    height: 60px;
                    margin-right: 26px;
                    a {
                        line-height: 60px;
                        font-size: 16px;
                        color: #fff;
                        width: 100%;
                        text-align: center;
                        display: block;
                        cursor: pointer;
                        height: 57px;
                    }
                    a:hover{
                        color: #ddd;
                    }
                    
                    .ZJT{
                        width: 170px;
                        display: none;
                        position: absolute;
                        left: 288px;
                        background: rgba(43,43,43,0.7);
                        overflow: hidden;
                        left: 96px;
                        top: 60px;
                        li{
                            height: 40px;
                            width: 170px;
                            text-indent: 20px;
                            a{
                                height: 40px;
                                line-height: 40px;
                                text-align: left;
                                color: #fff;
                                font-size: 14px;
                            }
                        }
                        li:hover{
                            background: #FF001A;
                        }
                    }
                }
                .bac{
                    background: rgba(43,43,43,0.7);
                }
                .active {
                    a {
                        border-bottom: 3px solid #ddd;
                        color: #ddd;
                    }
                }
            }
        }
        .location {
            float: left;
            margin: 0 0 0 0;
            overflow: hidden;
            height: 60px;
//          width: 109px;
            padding-left: 0px;
            line-height: 60px;
            font-size: 12px;
            img {
                height: 16px;
                width: 13px;
//              margin-top: 22px;
            }
            .locationMain{
                color: #FFFFFF;
                float: right;
                margin-left: 6px;
            }
        }
        #nologin {
            height: 60px;
            float: left;
            display: block;
            .login {
                display: block;
                float: left;
                height: 60px;
                line-height: 60px;
                font-size: 12px;
                color: #FFFFFF;
                cursor: pointer;
                margin-left: 22px;
            }
            .register {
                display: block;
                float: left;
                height: 60px;
                line-height: 60px;
                font-size: 12px;
                color: #FFFFFF;
                cursor: pointer;
                text-align: center;
                background: #ff001a;
                width: 60px;
                margin-left: 25px;
            }
        }
        #islogin {
            height: 60px;
            line-height: 60px;
            float: left;
            margin: 0 0 0 16px;
            display: none;
            
            #name {
                color: #FFFFFF;
                float: left;
                margin: 15px 0px;
                padding: 0 10px;
                height: 30px;
                line-height: 30px;
                border-radius: 16px;
                border: 1px solid #FFFFFF;
                img{
                    margin-right: 6px;
                }
                &:hover{
//                  color: #ff3030;
//                  text-decoration: underline;
                }
            }
            .out {
                color: #fff;
//              float: left;
                margin-left: 10px;
                font-size: 12px;
                line-height: 30px;
                cursor: pointer;
                border-radius: 16px;
                border: 1px solid #FFFFFF;
                padding: 0 16px;
                display: inline-block;
            }
        }
    }
}
.headerDing{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
    z-index: 999;
}
